<include file="Public:header" />





<include file="Public:page_left" />

<div id="main_content">
  <div class="row">
    <div class="signup_sidebar">
      <notempty name="Think.session.user.uid" > 
      <!--
      		  <p class="s">Not a member yet? <a href="">Join Free</a> </p>
      		-->	 
       <p style="font-weight:bold; color:#069; border-bottom:#ccc dashed 1px;">
          Welcome back, 	{$Think.session.user.user_name}
      		</p>
        
        <div class="signin_quicklink">
           <h4>Quick Access</h4>
           <img src="{$SITE_URL}/public/jack/forindex/images/package.gif" width="16" height="16" style="padding-right:5px;" /><a href="{$SITE_URL}/biz.php?s=Product/index">My Product</a><br />
           <img src="{$SITE_URL}/public/jack/forindex/images/account16.png" width="16" height="16" style="padding-right:5px;" /><a href="{$SITE_URL}/biz.php?s=Index/accoun">Account Info</a><br />


          
        </div>
        
      </notempty>
      <empty name="Think.session.user.uid"> 
        			  <p>Already A Member?<br />
        <a href="{$SITE_URL}/index.php/Public/login" class="signin_btn">Sign In</a> </p>
          		  <p class="s">Not a member yet? <a href="">Join Free</a> </p>
                <img src="{$SITE_URL}/public/jack/forindex/images/login-key.jpg" width="170" /> 
      </empty>
    
      <!--  
          <img src="images/signup.jpg" width="180" height="210" />
          --> 
    </div>
 
    <include file="Public:slideshow" /> 

    
 </div>

    
    
    
    
    
    
    
    
  <div class="row">
    <div  class="ads_3">
      <ul>
        <li id="ad_1">
          <h3>Customized Marketing Service</h3>
          <span></span> </li>
        <li id="ad_2">
          <h3>Companies Online Credit Checking </h3>
          <span></span> </li>
        <li id="ad_3">
          <h3>Online Solutions</h3>
          <span></span> </li>
      </ul>
      <div class="ad3_full">
        <div  class="ads_content ad_1">
          <h1> Ads Content </h1>
          <p>ASdsadsadsad asdas dsa dsad a ASdsadsadsad asdas dsa dsad a ASdsadsadsad asdas dsa dsad a</p>
        </div>
        <div class="ads_content ad_2">
          <h2> adsadsad asdas dsa dsad a ASdsadsadsad asdas dsa dsad a ASdsadsadsad asdas dsa dsad </h2>
          <p>ASdsadsadsad asdas dsa dsad a ASdsadsadsad asdas dsa dsad a ASdsadsadsad asdas dsa dsad a</p>
        </div>
        <div  class="ads_content ad_3">
          <h3>ASdsadsadsad asdas dsa dsad a ASdsadsadsad asdas dsa dsad a ASdsadsadsad asdas dsa dsad a</h3>
          <h1> Ads Content </h1>
        </div>
      </div>
    </div>
  </div>
  <script type="text/javascript">
$(function(){
	$(".ads_3 ul li").click(
				function(){
										$('.ad3_full').slideToggle("fast");
										$(".ads_3 ul li").toggleClass("active");
										$("."+$(this).attr('id')).slideDown();
										
										$(function(){						
													$(".ads_3 ul li.active").hover(
															function(){
											//		alert($(this).attr('id'));
																			 	$(".ads_content").hide();
																				$("."+$(this).attr('id')).show();
																				$('.ads_3 ul li').removeClass("select");
																				$(this).addClass("select");
																}
												)

										
									}	)
	

	

		});
	

});

</script>
  <div class="row">
    <div class="commercial_news" style="margin-right:5px;">
      <h5>Commercial News</h5>
      <p>I know there are a lot of toggle tutorials out there already, but when I was learning the basics of jQuery and the toggle effect, I had a hard time finding resources on how to switch the "open" and "close" graphic state.</p>
    </div>
    <div class="commercial_news">
      <h5>Commercial News 2</h5>
      <p><img src="{$SITE_URL}/public/jack/forindex/images/girl.jpg"  /> We start out with an h2 tag with a link as the "trigger" for our effect. Below our h2, we will have our container where we hold the content.</p>
      <p><span>Nov 12, 2011 - Peter White</span></p>
    </div>
  </div>
  
  <div class="ads"> <img src="{$SITE_URL}/public/jack/forindex/images/sample250a.jpg" width="250" style="margin-right:5px;" /> <img src="{$SITE_URL}/public/jack/forindex/images/sample250b.jpg" width="250" style="margin-right:5px;"  /> <img src="{$SITE_URL}/public/jack/forindex/images/sample250c.jpg" width="250" /> </div>
</div>
<!--
<img src="images/index_sample.jpg"  />
--> 

<include file="Public:footer" />